<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>俱乐部主页</title>
    <link rel="stylesheet" href="browser_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="browser_components/font-awesome/css/font-awesome.min.css">
    <link r el="stylesheet" href="browser_components/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="browser_components/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="browser_components/vue-select/dist/vue-select.css">

    <script src="browser_components/jquery/dist/jquery.min.js"></script>
    <script src="browser_components/popper.js/dist/umd/popper.min.js"></script>
    <script src="browser_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="browser_components/polyfill/dist/polyfill.min.js"></script>
    <script src="browser_components/vue/dist/vue.js"></script>
    <script src="browser_components/select2/dist/js/select2.min.js"></script>
    <script src="browser_components/select2/dist/js/i18n/zh-CN.js"></script>
    <script src="browser_components/vue-select/dist/vue-select.js"></script>


    <style>
    #h1{
        text-decoration: none;
    }
        .center{
            margin: 0 auto;
        }
        #cz{
           color: #0aa1ed;
        }
        .a{
            border-top: black;
            margin-top: 20px;
            width: 1000px;
            height: 500px;
        }
        #h11{
            margin-top: 100px;
        }
        #h2{
            position: absolute;
            top: 100px;
            border-radius: 5px;
            margin-left: 300px;
            background-color: #0aa1ed;
            color: white;
        }
    </style>

    <form action="http://localhost:9090/add.html">
    <input id="h2" type="submit" class="btn btn-info" value="新增">
    </form>
    <div id="h11">
    <h3  align="center">俱乐部管理</h3>
    </div>
</head>
<body>
<div id="ClubApp" class="a container " >

        <!--<table border="1" class="center table table-bordered" id="h1" >-->
        <table border="1" cellspacing="0" align="center" class="center table table-hover"  id="h1">
            <tr align="center">
                <td>序列号</td>
                <td>俱乐部名称</td>
                <td>俱乐部负责人</td>
                <td>俱乐部类型</td>
                <td>创建时间</td>
                <td>活动次数</td>
                <td>会员数量</td>
                <td>操作</td>
            </tr>
            <tr v-for="club in clubs" align="center">
                <td v-text="club.id"></td>
                <td v-text="club.clubname"></td>
                <td v-text="club.name"></td>
                <td v-text="club.clubtype"></td>
                <td v-text="club.time"></td>
                <td v-text="club.acount"></td>
                <td v-text="club.vcount"></td>
                <td id="cz">
                    <a v-bind:href="'update.html?'+club.id">修改</a>
                    <a href="#" v-on:click.prevent="delect(club.id)">删除</a>
                    <!--  href="http://localhost:9090/index.html"   -->
                </td>
            </tr>
        </table>

</div>
</body>

<script src="/js/index.js"></script>

</html>